<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Online Education Platform</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 导航栏 -->
    <header>
        <nav>
            <ul>
                <li><a href="#">Categories</a></li>
                <li><a href="#">Landings</a></li>
                <li><a href="#">Pages</a></li>
                <li><a href="#">Accounts</a></li>
                <li><a href="#">Mega menu</a></li>
                <li><a href="#">Sign In</a></li>
                <li><a href="#">Sign Up</a></li>
            </ul>
        </nav>
    </header>

    <!-- 主内容区域 -->
    <main>
        <!-- 顶部宣传区域 -->
        <section class="hero-section">
            <div class="hero-content">
                <h1>Grow your skills and advance career</h1>
                <p>Start, switch, or advance your career with more than 5,000 courses, Professional Certificates, and degrees from world - class universities and companies.</p>
                <button class="btn-primary">Join Free Now</button>
                <button class="btn-secondary">Watch Demo</button>
            </div>
            <div class="hero-image">
                <img src="1.png" alt="A person holding books">
            </div>
        </section>

        <!-- 统计数据区域 -->
        <section class="stats-section">
            <div class="stats-item">
                <h2>316,000+</h2>
                <p>Qualified Instructors</p>
            </div>
            <div class="stats-item">
                <h2>1.8 Billion+</h2>
                <p>Course enrollments</p>
            </div>
            <div class="stats-item">
                <h2>41,000+</h2>
                <p>Courses in 42 languages</p>
            </div>
            <div class="stats-item">
                <h2>179,000+</h2>
                <p>Online Videos</p>
            </div>
        </section>

        <!-- 热门课程区域 -->
        <section class="popular-courses-section">
            <h2>Most Popular Courses</h2>
            <p>These are the most popular courses among Geeks Courses learners worldwide in year 2022</p>
            <!-- 这里可以添加课程列表 -->
        </section>
    </main>

    <!-- 页脚 -->
    <footer>
        <!-- 页脚内容 -->
    </footer>
</body>
</html>